<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:mo="https://gitee.com/aun/Timo">
<body>

    <form action="/pcs/project/stage/form" class="layui-card layui-form" data-auto="true" method="post" data-table-id="ProjectStageTable">

        <input type="hidden" name="id" th:if="${vo}" th:value="${vo.id}"/>
        <input type="hidden" name="projectId"  th:value="${projectId}"/>

        <div class="layui-card-body padding-15">
            <div class="layui-form-item">
                <label class="layui-form-label ">类型名称</label>
                <div class="layui-input-block ">
                    <input type="text" name="title" required  th:value="${vo?.title}"  class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label ">陪护时段</label>
                <div class="layui-inline" id="ID-laydate-range">
                    <div class="layui-input-inline">
                        <input type="text" autocomplete="off" th:value="${vo?.timeStart}" name="timeStart" id="ID-laydate-start-date" class="layui-input" placeholder="开始时间">
                    </div>
                    <div class="layui-form-mid">-</div>
                    <div class="layui-input-inline">
                        <input type="text" autocomplete="off" th:value="${vo?.timeEnd}" name="timeEnd" id="ID-laydate-end-date" class="layui-input" placeholder="结束时间">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label ">陪护价格</label>
                <div class="layui-input-block ">
                    <input type="number" name="price" required  th:value="${vo?.price}"  class="layui-input">
                </div>
            </div>

            <div class="text-center layui-form-actions1">
                <button class="layui-btn" type="submit">保存</button>
                <button class="layui-btn layui-btn-danger" data-close data-confirm="确定要取消编辑吗？" type='button'>关闭</button>
            </div>

        </div>
    </form>
    <script>
        layui.use(function(){
            var laydate = layui.laydate;

            // 日期范围 - 左右面板联动选择模式
            laydate.render({
                elem: '#ID-laydate-range',
                type:'time',
                range: ['#ID-laydate-start-date', '#ID-laydate-end-date'],
                rangeLinked: true // 开启日期范围选择时的区间联动标注模式 ---  2.8+ 新增
            });

        });
    </script>

</body>
</html>